<!DOCTYPE HTML>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <meta name="author" content="Bootstrap-ecommerce by Vosidiy">

    <title>搜索结果</title>

    <link rel="shortcut icon" type="image/x-icon" href="/images/favicon.ico">

    <!-- jQuery -->
    <script src="/js/jquery-2.0.0.min.js" type="text/javascript"></script>

    <!-- Bootstrap4 files-->
    <script src="/js/bootstrap.bundle.min.js" type="text/javascript"></script>
    <link href="/css/bootstrap.css" rel="stylesheet" type="text/css"/>

    <!-- Font awesome 5 -->
    <link href="/fonts/fontawesome/css/fontawesome-all.min.css" type="text/css" rel="stylesheet">

    <!-- plugin: fancybox  -->
    <script src="/plugins/fancybox/fancybox.min.js" type="text/javascript"></script>
    <link href="/plugins/fancybox/fancybox.min.css" type="text/css" rel="stylesheet">

    <!-- plugin: owl carousel  -->
    <link href="/plugins/owlcarousel/assets/owl.carousel.min.css" rel="stylesheet">
    <link href="/plugins/owlcarousel/assets/owl.theme.default.css" rel="stylesheet">
    <script src="/plugins/owlcarousel/owl.carousel.min.js"></script>

    <!-- custom style -->
    <link href="/css/ui.css" rel="stylesheet" type="text/css"/>
    <link href="/css/responsive.css" rel="stylesheet" media="only screen and (max-width: 1200px)"/>
    <link href="/css/footerAdjust.css" rel="stylesheet"/>

    <!-- custom javascript -->
    <script src="/js/script.js" type="text/javascript"></script>

    <script src="/js/filter_searchResult.js">
        /// some script

        // jquery ready start

        // jquery end
    </script>

</head>
<body>
<div th:replace="fragment::header"></div>

<!-- ========================= SECTION CONTENT ========================= -->
<section class="section-content bg padding-y-sm main-content">
    <div class="container">
                        <!--顶部filter栏-->
        <!--<div class="card">-->
            <!--<div class="card-body">-->
                <!--&lt;!&ndash;<div class="row">&ndash;&gt;-->
                    <!--&lt;!&ndash;<div class="col-md-3-24"><strong>Your are here:</strong></div> &lt;!&ndash; col.// &ndash;&gt;&ndash;&gt;-->
                    <!--&lt;!&ndash;<nav class="col-md-18-24">&ndash;&gt;-->
                        <!--&lt;!&ndash;<ol class="breadcrumb">&ndash;&gt;-->
                            <!--&lt;!&ndash;<li class="breadcrumb-item"><a href="#">Home</a></li>&ndash;&gt;-->
                            <!--&lt;!&ndash;<li class="breadcrumb-item"><a href="#">Category name</a></li>&ndash;&gt;-->
                            <!--&lt;!&ndash;<li class="breadcrumb-item"><a href="#">Sub category</a></li>&ndash;&gt;-->
                            <!--&lt;!&ndash;<li class="breadcrumb-item active" aria-current="page">Items</li>&ndash;&gt;-->
                        <!--&lt;!&ndash;</ol>&ndash;&gt;-->
                    <!--&lt;!&ndash;</nav> &lt;!&ndash; col.// &ndash;&gt;&ndash;&gt;-->
                    <!--&lt;!&ndash;<div class="col-md-3-24 text-right">&ndash;&gt;-->
                        <!--&lt;!&ndash;<a href="#" data-toggle="tooltip" title="List view"> <i class="fa fa-bars"></i></a>&ndash;&gt;-->
                        <!--&lt;!&ndash;<a href="#" data-toggle="tooltip" title="Grid view"> <i class="fa fa-th"></i></a>&ndash;&gt;-->
                    <!--&lt;!&ndash;</div> &lt;!&ndash; col.// &ndash;&gt;&ndash;&gt;-->
                <!--&lt;!&ndash;</div> &lt;!&ndash; row.// &ndash;&gt;&ndash;&gt;-->
                <!--&lt;!&ndash;<hr>&ndash;&gt;-->
                <!--&lt;!&ndash;<div class="row">&ndash;&gt;-->
                    <!--&lt;!&ndash;<div class="col-md-3-24"><strong>经过筛选:</strong></div> &lt;!&ndash; col.// &ndash;&gt;&ndash;&gt;-->
                    <!--&lt;!&ndash;<div class="col-md-21-24">&ndash;&gt;-->
                        <!--&lt;!&ndash;&lt;!&ndash;<form name="input" id="filtform" th:action="|/commodity/Search?commType=${commType}&searchString=${searchString}&commStock=${commStock}&priceLowerBound=${priceLowerBound}&priceUpperBound=${priceUpperBound}|" method="post">&ndash;&gt;&ndash;&gt;-->
                            <!--&lt;!&ndash;&lt;!&ndash;&lt;!&ndash;<form name="input" th:action="|'/commodity/Search?commType='+${commType}+'&searchString='+${searchString}'&commStock='+${commStock}+'&priceLowerBound='+${priceLowerBound}'&priceUpperBound='+${priceUpperBound}|" method="post">&ndash;&gt;&ndash;&gt;&ndash;&gt;-->
                            <!--&lt;!&ndash;&lt;!&ndash;<input style="display: none" id="searchStr" name="searchString" th:value="${searchString}"></input>&ndash;&gt;&ndash;&gt;-->
                            <!--&lt;!&ndash;&lt;!&ndash;<input style="display: none" id="type" name="commType" th:value="${commType}"></input>&ndash;&gt;&ndash;&gt;-->
                            <!--&lt;!&ndash;&lt;!&ndash;&lt;!&ndash;类别筛选：&ndash;&gt;&ndash;&gt;&ndash;&gt;-->
                            <!--&lt;!&ndash;&lt;!&ndash;&lt;!&ndash;<select name="commType">&ndash;&gt;&ndash;&gt;&ndash;&gt;-->
                                <!--&lt;!&ndash;&lt;!&ndash;&lt;!&ndash;<option value="所有">所有</option>&ndash;&gt;&ndash;&gt;&ndash;&gt;-->
                                <!--&lt;!&ndash;&lt;!&ndash;&lt;!&ndash;<option value="食品生鲜">食品生鲜</option>&ndash;&gt;&ndash;&gt;&ndash;&gt;-->
                                <!--&lt;!&ndash;&lt;!&ndash;&lt;!&ndash;<option value="智能数码">智能数码</option>&ndash;&gt;&ndash;&gt;&ndash;&gt;-->
                                <!--&lt;!&ndash;&lt;!&ndash;&lt;!&ndash;<option value="美妆个护">美妆个护</option>&ndash;&gt;&ndash;&gt;&ndash;&gt;-->
                                <!--&lt;!&ndash;&lt;!&ndash;&lt;!&ndash;<option value="母婴玩具">母婴玩具</option>&ndash;&gt;&ndash;&gt;&ndash;&gt;-->
                                <!--&lt;!&ndash;&lt;!&ndash;&lt;!&ndash;<option value="运动户外">运动户外</option>&ndash;&gt;&ndash;&gt;&ndash;&gt;-->
                                <!--&lt;!&ndash;&lt;!&ndash;&lt;!&ndash;<option value="生活家电">生活家电</option>&ndash;&gt;&ndash;&gt;&ndash;&gt;-->
                                <!--&lt;!&ndash;&lt;!&ndash;&lt;!&ndash;<option value="医药健康">医药健康</option>&ndash;&gt;&ndash;&gt;&ndash;&gt;-->
                                <!--&lt;!&ndash;&lt;!&ndash;&lt;!&ndash;<option value="珠宝艺术">珠宝艺术</option>&ndash;&gt;&ndash;&gt;&ndash;&gt;-->
                                <!--&lt;!&ndash;&lt;!&ndash;&lt;!&ndash;<option value="图书杂志">图书杂志</option>&ndash;&gt;&ndash;&gt;&ndash;&gt;-->
                            <!--&lt;!&ndash;&lt;!&ndash;&lt;!&ndash;</select>&ndash;&gt;&ndash;&gt;&ndash;&gt;-->
                            <!--&lt;!&ndash;&lt;!&ndash;存货筛选：&ndash;&gt;&ndash;&gt;-->
                            <!--&lt;!&ndash;&lt;!&ndash;<input type="checkbox" id="stock" name="commStock" value="有存货">有存货&ndash;&gt;&ndash;&gt;-->

                                <!--&lt;!&ndash;&lt;!&ndash;价格筛选: <input type="text" id="lprice" name="priceLowerBound">&ndash;&gt;&ndash;&gt;-->
                                 <!--&lt;!&ndash;&lt;!&ndash; -  <input type="text" id="hprice" name="priceUpperBound">&ndash;&gt;&ndash;&gt;-->

                            <!--&lt;!&ndash;&lt;!&ndash;<input type="submit" value="筛选">&ndash;&gt;&ndash;&gt;-->
                        <!--&lt;!&ndash;&lt;!&ndash;</form>&ndash;&gt;&ndash;&gt;-->
                    <!--&lt;!&ndash;</div> &lt;!&ndash; col.// &ndash;&gt;&ndash;&gt;-->
                <!--&lt;!&ndash;</div> &lt;!&ndash; row.// &ndash;&gt;&ndash;&gt;-->
            <!--</div> &lt;!&ndash; card-body .// &ndash;&gt;-->
        <!--</div> &lt;!&ndash; card.// &ndash;&gt;-->

        <div class="padding-y-sm" style="font-size: 20px;">
            <span  th:text=" '根据 ' + ${commType} +' '+ ${searchString} +' 搜索到 '+${commodities.size()}+' 个结果' ">3967 results for "Item"</span><hr>
        </div>

        <div class="row-sm">
            <div class="col-md-3 col-sm-6" th:each="commodity,comStat:${commodities}">

                <figure  class="card card-product"><a th:href="|/commodity/Details/${commodity.commUid}|">
                    <div class="img-wrap"><img th:src="|${commodity.commHeadImage}|"></div></a>
                    <figcaption class="info-wrap">
                        <a th:href="|/commodity/Details/${commodity.commUid}|" class="title"
                           th:text="${commodity.commName}">Good item name</a>
                        <div class="price-wrap">
                            <span class="currency">￥</span>
                            <span class="price-new" th:text="${commodity.commPrice}">$1280</span>
                        </div> <!-- price-wrap.// -->
                    </figcaption>
                </figure> <!-- card // -->

            </div> <!-- col // -->
        </div> <!-- row.// -->


    </div><!-- container // -->
</section>
<!-- ========================= SECTION CONTENT .END// ========================= -->


<div th:replace="fragment::footer"></div>



</body>
</html>